.section {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
}

.title {
  width: 751rpx;
  height: 144rpx;
  display: flex;
  justify-content: center;
  align-items: center;
  background: url(https://hengxiao-resource.oss-cn-hangzhou.aliyuncs.com/web/resources/images/hengxiao/word/word_bg.png) center center/cover no-repeat;

  text {
    font-size: 72rpx;
    color: #6D93E1;
    text-shadow: -6rpx -6rpx 0 #fff,
      6rpx -6rpx 0 #fff,
      -6rpx 6rpx 0 #fff,
      6rpx 6rpx 0 #fff, 12rpx 12rpx 0 #000;
    ;
  }
}

.word {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}

.word_text {
  flex: 1;
  display: flex;
  align-items: center;

  &.start {
    justify-content: flex-start;
  }

  &.end {
    justify-content: flex-end;
  }

  text {
    font-size: 44rpx;
    color: #2D2D2D;
  }
}

.word_icon {
  width: 36rpx;
  height: 49rpx;
  margin: 0 40rpx;

  image {
    width: 100%;
    height: 100%;
  }
}

.phonetic {
  width: 100%;
  margin-top: 40rpx;
  display: flex;
  justify-content: center;
  align-items: center;
}

.phonetic_icon {
  height: 36rpx;
  display: flex;
  align-items: center;
}

.phonetic_text {
  margin: 0 24rpx;
  display: flex;

  view {
    font-size: 36rpx;
    color: #2D2D2D;
  }
}

.video {
  width: 100%;
  height: 100%;
}

.next {
  position: absolute;
  top: 40rpx;
  right: 30rpx;
  font-size: 28rpx;
  color: #3F9BFC;
}